import React, {
  Component
} from 'react'
import {
  WingBlank,
  WhiteSpace,
  List
} from 'antd-mobile'
import styles from './index.scss'

const Item = List.Item;

class UserSet extends Component {
  render() {
    return (
      <WingBlank size="md">
    <WhiteSpace size="lg" />
      <List>
        <Item className={styles.withdraw}>账号 ID: 01222</Item>
      </List>
      <List>
    <Item arrow="horizontal" className={styles.withdraw}>昵称: <input className={styles.input} type="text" name='username' placeholder="好运来"/> <span>修改昵称</span></Item>
      </List>
      <List>
    <Item arrow="horizontal" className={styles.withdraw}>绑定手机: <input className={styles.input} type="text" name='username' placeholder="14561645946"/> <span>修改手机</span></Item>
      </List>
      <WhiteSpace size="lg" />
      <List>
        <Item className={styles.withdraw}>退出当前账户</Item>
      </List>
    <WhiteSpace size="lg" />
  </WingBlank>
    )
  }
}

export default UserSet;